import React from 'react'
import { NavBar, Icon } from 'antd-mobile';

import {useHistory} from 'react-router-dom'
import {PayWrap} from './StyleHomePage'

const Paysucc = props =>  {
    let history = useHistory()
    const handleClick = () => {
        history.push('/home')
    }
    return (
        <div>
             <NavBar
                mode="dark"
                icon={<Icon type="left" />}
                onLeftClick={() => props.history.goBack()}
                rightContent={[
                    <i
                        key="0"
                        onClick={props.onChangeClick}
                    >确认</i>
                    // <Icon key="0" type="search" style={{ marginRight: '16px' }} />,
                ]}
            >订单详情</NavBar>
            <PayWrap>
                <h1>支付成功</h1>
                <span onClick={handleClick}>返回首页</span>
            </PayWrap>
        </div>
        
    )
}


export default Paysucc